@font-face {
    font-family: 'iconfont';
    src: url('../font2/iconfont.ttf?t=1631606043242') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#center .iconfont{
    font-size: 25px;
    color: #2DAE36;
    padding: 5px;
}

img{
    width: 100%;
}

header{
    margin: 30px 0px;
}

.container .flex{
    display: flex;
    align-items: center;
}

.container> .row{
    margin-bottom: 30px;
}

.container>.row>div:nth-child(1)>div,.container>.row>div:nth-child(2)>div>div{
    border: 1px solid #2DAE36;
    border-radius: 50%;
    margin: 10px;
}

.container>.row>div:nth-child(1)>p,.container>.row>div:nth-child(2)>div>p{
    line-height: 60px;
    margin: 0;
}

@media(min-width:768px){
    .container>.row>div:nth-child(1)>div{
        padding: 10px;
    }

    .container>.row>div:nth-child(1)>p{
        font-size: 30px;
        font-weight: 500;
    }

    .container>.row>div:nth-child(1){
        margin-top: 60px;
        justify-content: flex-end;
    }

    .container>.row>div:nth-child(2){
        border-left: 1px solid #2DAE36;
    }
}